.clueHistory_box{	
	position: relative;
	
	// min-height: 1000rpx;
	.clueHistory_box_list{
		position: relative;
		background: #FFFFFF;
		padding: 0rpx 20rpx;
		// min-height: 145px;
		border-radius: 4px;
		width: 100%;
		.clueHistory_box_list_com {
			width: 100%;
			min-height: 120rpx;
			position: relative;
			.list_ul {
				width: 100%;
				padding: 16rpx 20rpx 0 90rpx;
				box-sizing: border-box;
				
				.list_li {
					width: 100%;
					display: flex;
					margin-bottom: 30rpx;
					font-size: 26rpx;
					color: #43425D;
					position: relative;
					
					&:first-child {
						justify-content:flex-start;
					}
					&:last-child {
						margin-bottom: 16rpx;
					}
					
					.followUp_form {
						font-size: 26rpx;
						color: #43425D;
					}
					
					.followUp_info{
						font-size: 20rpx;
						color: #43425D;
						opacity: 0.7;
					}
					
					.followUp_purpose {
						
						height: 32rpx;
						line-height: 32rpx;
						text-align: center;
						background: #ECF3FF;
						border-radius: 8rpx;
						font-size: 22rpx;
						padding: 0 12rpx;
						color: #3B86FF;
						margin-right: 12rpx;
						&:last-child{
							margin-right: 0;
						}
					}
					
				}
			}
			
			.operation_box {
				width: 100%;
				padding: 10rpx 0;
				box-sizing: border-box;
				.operation_box_sty{
					width: 150rpx;
					line-height: 32rpx;
					text-align: center;
					margin: 0 auto;
					padding: 6rpx;
					box-sizing: border-box;
					font-size: 20rpx;
				}
				.editFollowUp{				
					color: #3B86FF;
					position: absolute;
					right: -20rpx;
					top: 30rpx;
					display: flex;
				}
				.arrowdownup{			
					font-size: 26rpx;	
					width: 200rpx;
					color: #A1A0AE;
					.uview_icon{
						margin-left: 8rpx;
					}
				}
			}
			.arrowdownup_list{
				// height: 200rpx;
				.arrowdownup_list_item{
					display: flex;
					align-items: center;
					justify-content: flex-start;
					margin: 28rpx 92rpx;
					.fontsty1{
						color: #69687D;
						font-size: 26rpx;
						margin-right:16rpx
					}	
				}
				.arrowdownup_list_item1{
					// display: flex;
					// align-items: center;
					// justify-content: space-between;
					padding-bottom: 20rpx;
					min-height: 80rpx;
					.fontsty1{
						height: 80rpx;
						line-height: 80rpx;
						color: #69687D;
						font-size: 24rpx;
						opacity: 0.7;
					}		
					.fontsty2{
						min-height: 80rpx;
						line-height: 28rpx;
						
						color: #43425D;
						font-size: 28rpx;
					}	
				}
				
				
			}
		}
	}
}


.clueHistory_box1{
	text-align: center;
	margin-top: 180rpx;
	padding-bottom: 180rpx;
	.iconImg{
		width: 280rpx;
		height: 280rpx;
		margin-bottom: 40rpx;
	}
	.txt{
		color: #43425D;
		opacity: 0.7;
		font-size: 28rpx;
		margin-bottom: 20rpx;
	}
	.box1_but{
		width: 100%;
		height: 80rpx;
		position: fixed;
		bottom: 0;
		margin: auto;
		text-align: center; 
		line-height: 80rpx;
		background: #3B86FF;
		border: 2rpx solid #3B86FF;
		opacity: 1;
		color: #FFFFFF;
		font-size: 32rpx;
	}
}








.line{
	width: 0px;
	height: calc(100% - 108rpx);
	border: 3rpx solid #F0F0F7;
	position: absolute;
	top: 80rpx;
	left: 56rpx;
	z-index: 10;
}
.lineType{
	position: absolute;
	margin: 0 auto;
	z-index: 11;
	left: 0;
	top: 0;
	width: 50rpx;
	height: 44rpx;
	line-height: 44rpx;
	// background: #FFFFFF;
	opacity: 1;
	border-radius: 10rpx 0px 0px 10rpx;
	.lineTypeGrade{
		position: absolute;
		top: 30rpx;
		left: 30rpx;
		margin: auto;
		width: 60rpx;
		height: 60rpx;
		line-height: 60rpx;
		color: #FFFFFF;
		font-size: 32rpx;
		opacity: 1;
		border-radius: 4rpx;
		text-align: center;	
		background: #f0f0f7;
	}
	.line_time{
		padding: 8rpx 30rpx;
		background: white;
		margin-top: 88rpx;
		font-size: 22rpx;
		font-weight: bold;
	}
	.O{
		background: #E26131;
	}
	.H{
		background: #D8AA2B;
	}
	.A{
		background: #69C893;
	}
	.B{
		background: #76B8CC;
	}
	.C{
		background: #5A92DB;
	}
}
.clueHistorybut{
	width: 100%;
	height: 96rpx;
	line-height: 96rpx;
	position: fixed;
	bottom: 1rpx;
	text-align: center;	
	font-size: 32rpx;
	font-weight: 500;
	color: #FFFFFF;
	z-index: 50;
	background: #3B86FF;
	border: 1px solid #3B86FF;
	opacity: 1;
}
.clueHistorybut1{
	width: 100%;
	height: 96rpx;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	background: #FFFFFF;
	box-shadow: 0px 3px 6px rgba(158, 161, 171, 0.09);
	opacity: 1;
	position: fixed;
	bottom: 1rpx;
	z-index: 11;
	.iconImg{
		width: 48rpx;
		height: 48rpx;
	}
}